<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@taglib prefix="pu" uri="/WEB-INF/tld/pageutil.tld"%>
<%@taglib prefix="mu" uri="/WEB-INF/tld/mallutil.tld"%>
<%@taglib prefix="yaodian100" uri="/WEB-INF/tld/yaodian100.tld" %>
<%@taglib uri="http://java.sun.com/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jstl/core_rt" prefix="c-rt"%>
<%@taglib uri="http://java.sun.com/jstl/fmt_rt" prefix="fmt-rt"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<script type="text/javascript" charset="UTF-8" src="/js/yaodian100_front_soaddr.js"/></script>
<style> 
.promo-popup{padding:10px;*padding:10px 0 10px 8px; color:#666;line-height:1.4em; }
.promo-popup h2,.promo-popup h3{font-size:15px;color:#d12e6f; margin-bottom:.8em;}
.promo-popup h3{color:#666;}
.promo-popup p{margin:.5em 0;}
.promo-popup .d-line{background:url(/images/link_dote.gif) repeat-x scroll 0 50%; padding:1px 0;}
.promo-popup ol,.promo-popup ul{margin-bottom:1em;margin-left:2em;}
.promo-popup li{list-style:decimal;}
</style>
${pu:reqSet('orderProduct', pu:get('com.yaodian100.ec.order.entity.OrderProduct', pu:toLong(param.orderProdId))) }
${pu:reqSet('order', pu:get('com.yaodian100.ec.order.entity.Orders', orderProduct.orderId)) }
<c-rt:if test="${order.memberId==mu:memberId()}">
<c-rt:if test="${order.orderSt=='35' && order.memberId==mu:memberId()}">
<script>
$(function(){
		$('#current_location').html(' > 我要换货');
		$('.msg').hide();
		$('#submit_button').click(function() {
			
			$('.msg').hide();
			hasError=false;
			if($('#receiverName').attr('value')==''){
				$('#receiverNameMsg').show();
				hasError=true;
			}
			if($('#province').attr('value')==''
				|| $('#city').attr('value')==''
				|| $('#district').attr('value')==''
				|| $('#receiverAddr').attr('value')==''
				|| $('#receiverZip').attr('value')==''){
				$('#addressMsg').show();
				hasError=true;
			}
			
			
			if($('#receiverPhoneArea').attr('value')==' ')$('#receiverPhoneArea').attr('value', '');
			if($('#receiverPhone').attr('value')==' ')$('#receiverPhone').attr('value', '');
			if($('#receiverExt').attr('value')==' ')$('#receiverExt').attr('value', '');
			
			if($('#receiverMobile').attr('value')==''){
				if($('#receiverPhoneArea').attr('value')==''
					|| $('#receiverPhone').attr('value')==''
					){
					
					$('#receiverPhoneMsg1').show();
					hasError=true;
				}else{
					if(
							$('#receiverPhone').attr('value').length<5
							|| $('#receiverPhone').attr('value').length>10
							|| isNaN($('#receiverPhone').attr('value'))
						){
						
						$('#receiverPhoneMsg2').show();
						hasError=true;
					}
				}
				
			}else if(isNaN($('#receiverMobile').attr('value')) || $('#receiverMobile').attr('value').length>11){
				$('#receiverMobileMsg').show();
				hasError=true;
			}
			if($('#mainQty0').attr('value')==''){
					$('#mainQty0Msg').show();
					hasError=true;
			}
			if($('#addonQty').attr('value')==''){
					$('#addonQtyMsg').show();
					hasError=true;
			}
			if($('#quotafilledQty').attr('value')==''){
				$('#quotafilledQtyMsg').show();
				hasError=true;
			}
			if($('#reason').val()==''){
				$('#reasonMsg').show();
				hasError=true;
			}
			if($('#description').attr('value')==''){
				$('#descriptionMsg').show();
				hasError=true;
			}else if($('#description').attr('value').length>250){
				$('#descriptionMaxMsg').show();
				hasError=true;
			}
			if($('#accessaryDescription').attr('value')==''){
				$('#accessaryDescriptionMsg').show();
				hasError=true;
			}else if($('#accessaryDescription').attr('value').length>100){
				$('#accessaryDescriptionMaxMsg').show();
				hasError=true;
			}
			isQtySelected=false;
			$('.productQty').each(function(i){
				if($(this).attr('value')>0){
					
					isQtySelected=true;
				}
			});
			if(!isQtySelected){
				$('#qty0Msg').show();
				hasError=true;
			}
			isSpecSelected=true;
			
			$(":input[id*=selectMs_]").each(function(i){
				if($(this).attr('disabled')!=true){
					if($(this).attr('value')==''){
						isSpecSelected=false;
						hasError=true;
						$('#prodSpecId'+i+'Msg').show();
					}
				}
			});
			
			if(!hasError){
				$(this).hide();
				document.changeProductForm.submit();
				return false;
			}else{
				location.href="#theTop";
			}
			
		});

		$('.productQty').each(function(){
			
			$(this).change(function(){
				id=$(this).attr('id');
				index=id.replace('qty','');
				qty=$(this).attr('value');
				
				$('.prodSpecId'+index).each(function(){
					$(this).attr('disabled', 'disabled');
					$(this).css('display', 'none');
				});
				$('.prodSpecId'+index).each(function(i){
					if(i<qty){
						$(this).css('display', '');
						$(this).attr('disabled', '');
						$('.prodSpecId'+index+">select").attr('disabled', '');
					}
				});
			});
		});
		$('.prodSpecId').each(function(){
			$(this).attr('disabled', 'disabled');
			$(this).css('display', 'none');
		});
		<c-rt:forEach items="${prodMajors}" var="pdjs" varStatus="status">
		<yaodian100:specSelectJsChgProd prodMajors="${prodMajors[status.index]}" prodInvMap="${prodInvMaps[status.index]}"/>
		</c-rt:forEach>
	});
</script>

<!-- content start --> 
  <div class="content mb-od-dtl"> 
  <form name="changeProductForm" method="post"
		action="<c-rt:url value="/member/serviceOrder/changeProduct.do"/>">
		<input type="hidden" name="serviceId" value="${serviceOrder.serviceId }"/>
		<input type="hidden" name="orderId" id="orderId" value="${order.orderId }" /> 
		<input type="hidden" name="orderProdId" value="${orderProduct.orderProdId }" />
	<input type="hidden" name="prodTp" value="${orderProduct.prodTp }" /> 
	<input type="hidden" name="token" value="${pu:getToken() }"/>
	<input type="hidden" name="srcType" value="2"/>
    <!-- 我的訂單 --> 
      <p align="center"><img src="/images/step_change.gif" alt="换货流程教学图" style="margin-bottom:7px;" /></p> 
      <p class="a-function"><a href="/help/8_exchange.html" target="_blank">换货政策说明</a> | <a href="/help/8_policy.html" target="_blank">换货流程说明</a></p> 
      <a name="theTop"></a>
      <h2>我要换货</h2> 
      <!-- 訂單資訊 --> 
      <h3>订单信息</h3> 
      <div class="d-show"> 
        <ul> 
          <li class="w-1of2"><strong>订单编号：</strong>${order.orderId }</li> 
          <li class="w-1of2"><strong>订购时间：</strong><fmt-rt:formatDate value="${order.createDate }" pattern="yyyy-MM-dd HH:mm"/></li> 
          <li class="w-1of2"><strong>收货人：</strong>${order.receiverName }</li> 
          <li class="w-1of2"><strong>支付方式：</strong>
${pu:menuOption('Order.PaymentTp', order.paymentTp).name }<input type="hidden" name="paymentTp" value="${order.paymentTp}" />
			</li> 
        </ul> 
      </div> 
      <!-- 訂單資訊 --> 
      <!-- 換货資訊 --> 
      <h3>换货信息<span>填写换货单信息缺失，可能造成我们无法为您办理换货事宜。</span></h3> 
      <div class="d-show"> 
        
        <p style="margin:0 0px 0px 1.25em;"><strong>換货商品数量与属性：</strong></p>
        
        <table class="tb-2"> 
          <thead> 
            <tr> 
              <th>商品名称</th> 
              <th width="120">原商品属性</th> 
              <th width="120">选择商品换货数量</th> 
              <th width="120">选择欲换货属性</th> 
            </tr> 
          </thead> 
          <tbody> 
          <c-rt:if test="${orderProduct.prodTp=='6'}">
            <tr> 
            	<td colspan="4">
            	<table border="0" width="100%" style="border:0px">
            	<tr>
	              <td class="boder-w"  style="border:0px">
	              <p>${orderProduct.prodName }</p> 
	              </td>
	              <td class="boder-w" width="120"  style="border:0px">
	              </td>
	              <td class="boder-w" width="120"  style="border:0px">
	              </td>
	              <td class="boder-w" width="120"  style="border:0px">
	              </td>
	             </tr>
            	<c-rt:forEach items="${orderProduct.orderProductDetail}" var="od" varStatus="status">
            	
            	<c-rt:if test="${od.prodId!=orderProduct.prodId}">
            	<tr>
	              <td class="boder-w txt-gy" style="border:0px;text-align:left;vertical-align: top">
	              • ${od.prodName }
	              </td>
	              <td class="boder-w" width="120"  style="border:0px;vertical-align: top">
	              ${od.prodSpecName }
	              </td>
	              <td class="boder-w" width="120"  style="border:0px;vertical-align: top">
	              <select name="qty" id="qty${status.index }" class="productQty">
	              <c-rt:forEach begin="0" end="${od.qty}" step="1" varStatus="qtyI">
					<option value="${qtyI.index }">${qtyI.index }</option>
				  </c-rt:forEach>
					
				</select>
				<span style="display:block"><span class="msg rn" id="qty${status.index}Msg">请选择数量</span></span>
	              </td>
	              <td class="boder-w" width="120"  style="border:0px;vertical-align: top">
	              	${pu:reqSet('prod', pu:get('com.yaodian100.ec.product.entity.Product',od.prodId)) }
	              
	              	${pu:reqSet('paramsProdSpecs', null) }
					${pu:reqSet('parasProdSpecs', null)}
					${pu:listAdd('paramsProdSpecs', od.prodId)}
					${pu:listAdd('paramsProdSpecs', 'Y')}
					
					${pu:reqSet('hqlProdSpecs', 'from Specification where productId=? and isDelete!=?')}
					${pu:reqSet('prodSpecs', pu:queryByHql(hqlProdSpecs, pu:arrayGet('paramsProdSpecs'), null))}
					
					
				  <c-rt:forEach begin="1" end="${od.qty}" step="1" varStatus="qtyI">
	              <!-- <select name="prodSpecId" class="prodSpecId prodSpecId${status.index }" disabled="disabled">
					<option value="">请选择</option>
					<c-rt:forEach items="${prodSpecs}" var="spec">
						<option value="${od.orderDetailId}_1_${spec.specificationId }"
							<c-rt:if test="${spec.specificationId == productDetail.prodSpecId}">selected="selected"</c-rt:if>>${spec.specificationName}</option>
					</c-rt:forEach>
				</select>-->
				
				<p class="prodSpecId prodSpecId${status.index }">${prod.mainCodeLabel}：    
				<select class="pdtype" id="selectMs_${prod.productId}_${qtyI.index }" name="odId_${od.orderDetailId}">
				<c-rt:if test="${fn:length(prod.specMajors) > 0}">
				<option value="请选择">请选择</option>
				</c-rt:if>
				<c-rt:forEach items="${prod.specMajors}" var="specObj" varStatus="duo_status">
				<option value="${specObj.mainSpecId}">${specObj.mainSpecName}</option>
				</c-rt:forEach>
				</select>
				<br />
				${prod.secondCodeLabel}：    
				<select class="pdtype" id="selectSs_${prod.productId}_${qtyI.index }" name="prodSpecId" disabled="disabled"><option  value="">请选择</option></select>
				</p>
				 
				</c-rt:forEach>
				<span style="display:block"><span class="msg rn" id="prodSpecId${status.index}Msg">请选择属性</span></span>
	              </td>
	             </tr>
	             </c-rt:if>
	             </c-rt:forEach>
              	</table>
              </td>
            </tr> 
            </c-rt:if>
            
            <c-rt:if test="${orderProduct.prodTp!='6'}">
            <tr> 
            	<td colspan="4">
            	<table border="0" width="100%" style="border:0px">
            	
            	<c-rt:forEach items="${orderProduct.orderProductDetail}" var="od" varStatus="status">
            	<tr>
	              <td class="boder-w" style="border:0px;text-align:left;vertical-align: top">
	               ${od.prodName }
	               
	                
                    	<c-rt:forEach items="${order.orderProduct }" var="op" varStatus="opStatus">
                    	<c-rt:if test="${op.prodSpecId==orderProduct.prodSpecId}">
                <c-rt:forEach items="${op.applyCampaigns}" var="ac" varStatus="status2">
	          	
	          	<p>
	          	<c-rt:if test="${ac.active}">
	          		<span class="type-4">优惠</span>
	          	</c-rt:if>
	          	<c-rt:if test="${!ac.active}">
	          		<span class="type-6">优惠</span>（不符合）
	          	</c-rt:if>
	          	


	          	
	          	${pu:reqSet('pc', pu:get('com.yaodian100.ec.campaign.entity.Campaign', ac.campaignUuid)) }
	          	
	          	<a href="javascript:openCampaign_${opStatus.index }_${status2.index }()">${pc.campaignName } </a>
	          
				<script>
				<c-rt:set scope="request" var="campaignDetail">
            	${pu:replaceAll(pc.campaignDetail, '\'', '&#39;')}
            	</c-rt:set>
            	<c-rt:set scope="request" var="campaignDesc">
            	${pu:replaceAll(pc.campaignDesc, '\'', '&#39;')}
            	</c-rt:set>
					function openCampaign_${opStatus.index }_${status2.index }(){
						var dialogId='dialog';
						<%
						String campaignDetail=(String)request.getAttribute("campaignDetail");
						String campaignDesc=(String)request.getAttribute("campaignDesc");
						campaignDetail=campaignDetail.replaceAll("\r\n", "").replaceAll("\r", "").replaceAll("\n", "");
						campaignDesc=campaignDesc.replaceAll("\r\n", "").replaceAll("\r", "").replaceAll("\n", "");
						request.setAttribute("campaignDetail", campaignDetail);
						request.setAttribute("campaignDesc", campaignDesc);
						%>
						title='活动信息';
						campaignTitle='${pu:replaceAll(pc.campaignName, '\'', '&#39;')}';
						desc= '${campaignDesc}';
						detail='${campaignDetail}';
						startDate= '<fmt-rt:formatDate value="${pc.startDateTime}" pattern="yyyy/MM/dd HH:mm:ss"/>';
						endDate= '<fmt-rt:formatDate value="${pc.endDateTime}" pattern="yyyy/MM/dd HH:mm:ss"/>';
						url= '${pc.campaignUrl}';
						width= 300;
						height= 'auto';

						var content=compositeCampaign(campaignTitle, desc, detail, startDate, endDate, url);
						openDialog(title, content,width,height);
						$( '#'+dialogId).dialog('option', 'position', 'top' );
					}
				</script>




	          	</p>
	          	</c-rt:forEach>
	          	</c-rt:if>
	          	</c-rt:forEach>
	              
	              </td>
	              <td class="boder-w" width="120"  style="border:0px;vertical-align: top">
	              ${od.prodSpecName }
	              </td>
	              <td class="boder-w" width="120"  style="border:0px;vertical-align: top">
	              <select name="qty" id="qty${status.index }" class="productQty">
	              <c-rt:forEach begin="0" end="${od.qty}" step="1" varStatus="qtyI">
					<option value="${qtyI.index }">${qtyI.index }</option>
				  </c-rt:forEach>
					
				</select>
				<span style="display:block"><span class="msg rn" id="qty${status.index}Msg">请选择数量</span></span>
	              </td>
	              <td class="boder-w" width="120"  style="border:0px;vertical-align: top">
	              	${pu:reqSet('prod', pu:get('com.yaodian100.ec.product.entity.Product',od.prodId)) }
	              
	              	${pu:reqSet('paramsProdSpecs', null) }
					${pu:reqSet('parasProdSpecs', null)}
					${pu:listAdd('paramsProdSpecs', od.prodId)}
					${pu:listAdd('paramsProdSpecs', 'Y')}
					
					${pu:reqSet('hqlProdSpecs', 'from Specification where productId=? and isDelete!=?')}
					${pu:reqSet('prodSpecs', pu:queryByHql(hqlProdSpecs, pu:arrayGet('paramsProdSpecs'), null))}
				  <c-rt:forEach begin="1" end="${od.qty}" step="1" varStatus="qtyI">
	             <!--  <select name="prodSpecId" class="prodSpecId prodSpecId${status.index }" disabled="disabled">
					<option value="">请选择</option>
					<c-rt:forEach items="${prodSpecs}" var="spec">
						<option value="${od.orderDetailId}_1_${spec.specificationId }"
							<c-rt:if test="${spec.specificationId == productDetail.prodSpecId}">selected="selected"</c-rt:if>>${spec.specificationName}</option>
					</c-rt:forEach>
				</select> 
				 -->
				
				<p class="prodSpecId prodSpecId${status.index }">${prod.mainCodeLabel}：    
				<select class="pdtype" id="selectMs_${prod.productId}_${qtyI.index }" name="odId_${od.orderDetailId}">
				<c-rt:if test="${fn:length(prod.specMajors) > 0}">
				<option value="请选择">请选择</option>
				</c-rt:if>
				<c-rt:forEach items="${prod.specMajors}" var="specObj" varStatus="duo_status">
				<option value="${specObj.mainSpecId}">${specObj.mainSpecName}</option>
				</c-rt:forEach>
				</select>
				<br />
				${prod.secondCodeLabel}：    
				<select class="pdtype" id="selectSs_${prod.productId}_${qtyI.index }" name="prodSpecId" disabled="disabled"><option value="">请选择</option></select>
				</p>
				
				</c-rt:forEach>
				<span style="display:block"><span class="msg rn" id="prodSpecId${status.index}Msg">请选择属性</span></span>
	              </td>
	             </tr>
	             </c-rt:forEach>
              	</table>
              </td>
            </tr> 
            </c-rt:if>
            
          </tbody> 
        </table> 
        <ul class="li-note"> 
          <li>‧如果成套商品中有部分商品存在质量问题，在办理换货时，亦必须提供成套商品。</li> 
          <li>‧同一商品非质量问题仅有一次换货机会，请慎选您所要换的商品及数量。<span class="txt-gy">（例：同一商品购买5件，退2件后，剩餘3件将无法再申请退、换货。）</span></li> 
        </ul> 
        <ul> 
          <li class="w-1of1"><div><strong><span class="txt-rd">*</span> 换货原因：</strong></div><div>
          <select name="reason" id="reason">
			<option value="">请选择原因</option>
			<option value="订购错误">订购错误</option>
			<option value="外包装破损">外包装破损</option>
			<option value="更换商品颜色">更换商品颜色</option>
			<option value="商品规格不符">商品规格不符</option>
			<option value="收到非新品">收到非新品</option>
			<option value="商品发错">商品发错</option>
			<option value="商品本身破损">商品本身破损</option>
			<option value="更换商品尺寸">更换商品尺寸</option>
			<option value="与介绍不符">与介绍不符</option>
			<option value="缺少配件或赠品">缺少配件或赠品</option>
			<option value="其他">其他</option>
		</select><span style="display:block"><span class="msg rn" id="reasonMsg">请选择换货原因</span></span>
          </div></li> 
          <li class="w-1of1 return-txt"><div><strong><span class="txt-rd">*</span> 换货问题描述：</strong><br /> 
          </div><div><textarea name="description" id="description"></textarea><span
			style="display:block"><span class="msg rn" id="descriptionMsg">请输入问题描述</span></span>
			<span
			style="display:block"><span class="msg rn" id="descriptionMaxMsg">最多可输入250个中文字</span></span>
			</div></li> 
          <li class="w-1of1 return-txt"> 
          	<div><strong><span class="txt-rd">*</span> 配件赠品状态：</strong><br /> 
          	</div> 
            <div> 
            	<input class="return-txtfild" type="text" name="accessaryDescription"
			id="accessaryDescription" /> <span style="display:block"><span class="msg rn" id="accessaryDescriptionMsg">请输入配件赠品状态</span></span>
			 <span style="display:block"><span class="msg rn" id="accessaryDescriptionMaxMsg">最多可输入100个中文字</span></span>
			
		<span class="txt-rd">请註明配件及赠品状态是否完整，若有缺少或损坏，将不予受理退货或须部份赔偿。(若无配件请填"无")</span> 
            </div> 
          </li> 
        </ul> 
      </div> 
      <!-- 換货資訊 --> 
      <!-- 收件資訊 --> 
      <h3>取货信息
      <c-rt:if test="${order.receiverTp=='30'}">
      <span>换货商品将送至您原本指定的门店</span>
      </c-rt:if>
      <c-rt:if test="${order.receiverTp!='30'}">
      <span>为加速您的退换货作业，以下所有栏位均为必填</span>
      </c-rt:if>
      </h3> 
      <div class="d-show">
      <c-rt:if test="${order.receiverTp=='30'}">
      	<ul class="LH-3"> 
          	<li class="w-1of1"><div><strong>收货人姓名：</strong></div><div id=addree_msg>${order.receiverName }
          	<input type="hidden" name="receiverName" id="receiverName" value="${order.receiverName }"/><br />
			<span id="receiverNameMsg"></span></div></li> 
			 <li class="w-1of2"> 
          <div><strong>手机号码：</strong></div><div>${order.receiverMobile }
          <input type="hidden" name="receiverMobile" id="receiverMobile" value="${order.receiverMobile }"/><br />
		<span id="receiverMobileMsg"></span></div></li> 
          <li class="w-1of2"><div><strong>固定電話：</strong></div><div>
			<c-rt:if test="${order.receiverPhone!='null' && order.receiverPhone!=' ' && !empty order.receiverPhone}">
          ${(!empty order.receiverPhoneArea && order.receiverPhoneArea!=' ' && order.receiverPhoneArea!='null')?order.receiverPhoneArea:'' }-${order.receiverPhone} 分机：${(order.receiverExt!='null' && order.receiverExt!=' ' && !empty order.receiverExt)?order.receiverExt:'' }
          </c-rt:if>
          <input type="hidden" name="receiverPhoneArea" id="receiverPhoneArea" value="${order.receiverPhoneArea }" />
          <input type="hidden" name="receiverPhone" id="receiverPhone" value="${order.receiverPhone }"/>
          <input type="hidden" name="receiverExt" id="receiverExt" value="${order.receiverExt }"/><br />
			</div></li>
	      	<li class="w-1of1"> 
	          	<div><strong>收货人地址：</strong></div> 
	            <div>${order.receiverProvince }，${order.receiverCity }，${order.receiverArea }${order.receiverAddr }，${order.receiverZip }
	            <input type="hidden" name="receiverProvince" id="receiverProvince" value="${order.receiverProvince }"></input>
	            <input type="hidden" name="receiverCity" id="receiverCity" value="${order.receiverCity }"></input>
	            <input type="hidden" name="receiverArea" id="receiverArea" value="${order.receiverArea }"></input>
	            <input type="hidden" name="receiverZip" value="${order.receiverZip }"></input>
	            <input type="hidden" name="receiverAddr" value="${order.receiverAddr }"></input>
	            </div>
          	</li>
          	</ul>
      </c-rt:if> 
      <c-rt:if test="${order.receiverTp!='30'}">
        <ul class="LH-3"> 
          <li class="w-1of1"><div><strong>收货人姓名：</strong></div><div id=addree_msg><input type="text" name="receiverName" id="receiverName"
			value="${order.receiverName }" size="10" /><br />
		<span class="msg rn" id="receiverNameMsg">请输入联络人姓名</span></div></li> 
		 <li class="w-1of1"> 
          	<div><strong>收货人地址：</strong></div> 
            <div>省份：<select id="province" name="receiverProvince"
			class="c-prov">
			<option value="">== 选择省 ==</option>
      <c-rt:forEach items="${provincesMap}" var="province" >
				<option value="${province.key}">${province.key}</option>
			</c-rt:forEach>
		</select> 市：<select name="receiverCity" id="city">
			<option value="">== 选择城市 ==</option>
		</select> 区：<select name="receiverArea" id="district">
			<option value="">== 选择地区 ==</option>
		</select> <br />
		邮编：<input type="text" name="receiverZip" id="receiverZip"
			value="${order.receiverZip}" /> 街道：<input size="50"
			name="receiverAddr" id="receiverAddr" value="${order.receiverAddr }" /> <span id=33
			style="display: block"><span class="msg rn" id="addressMsg">请输入完整的联络地址</span></span> 
              <span class="txt-gy">（换货成功后将发回该地址)</span> 
            </div> 
          </li>          
          <li class="w-1of1"> 
          <div><strong>手机号码：</strong></div><div><input type="text" name="receiverMobile"
			id="receiverMobile" value="${order.receiverMobile }" size="10" /><br />
		<span class="msg rn" id="receiverMobileMsg">手机号码长度最多十一位，限数字。</span></div></li> 
          <li class="w-1of1"><div><strong>固定電話：</strong></div><div><input type="text" name="receiverPhoneArea"
			id="receiverPhoneArea" value="${order.receiverPhoneArea }" size="3" />-<input
			type="text" name="receiverPhone" id="receiverPhone"
			value="${order.receiverPhone }" size="7" />-分机<input type="text"
			name="receiverExt" id="receiverExt" value="${order.receiverExt }"
			size="4" /><br />
		<span class="msg rn" id="receiverPhoneMsg1">请至少填写一组电话</span><span class="msg rn" id="receiverPhoneMsg2">电话号码长度最少五位，最多十位，限数字。</span></div></li> 
        </ul>
        <input type="hidden" value="${order.receiverProvince}" id="receiverProvince"/>
				<input type="hidden" value="${order.receiverCity}" id="receiverCity"/>
				<input type="hidden" value="${order.receiverArea}" id="receiverArea"/>
        </c-rt:if> 
      </div> 
      <!-- 收件資訊 --> 
      <p align="center"><a href="#theTop" id="submit_button" class="btn-mid">确认提交</a>
      <%--
	<a  href="javascript:;" onclick="document.changeProductForm.reset()" class="btn-mid-gy">重填</a>
	--%>
	</p>
    <!-- 注意事项 --> 
    <div class="txt-note"> 
      <p><strong>注意事项：</strong></p> 
      <ul> 
        <li>1. 如欲换货，请于<span class="txt-rd">签收商品后的15天内</span>，线上申请换货。</li> 
        <li>2. 对于换货方式有任何疑问，请先参考<a target="_blank" href="/help/8_exchange.html">换货流程说明</a>，或<a target="_blank" href="<c-rt:url value="/member/cs/page.do?page=request&orderId=${order.orderId }&productId=${orderProduct.prodId }"/>">联络客服</a>。</li> 
      </ul> 
    </div> 
    <!-- 注意事项 --> 
   <!-- 我的訂單 --> 
   </form>
   </div> 

 
  <!-- content end --> 
  </c-rt:if>
  <c-rt:if test="${order.orderSt!='35'}">
  货品未到货前无法退换货！
  </c-rt:if>
  </c-rt:if>
  <c-rt:if test="${order.memberId!=mu:memberId()}">
  您无权检视本订单！
  </c-rt:if>
<div id="dialog"></div>